<template>
	
	<div class="count">
		<h4>职业技能培训 <el-button class='fanhui' size="mini" v-show='fhShow'  @click='fanhuilb' >返回列表</el-button></h4>
		<div class="tablan" ref='tabs'>
			<!--<keep-alive>-->
				<el-tabs v-model="activeName" v-if="tabShow" id='tabsw'>
					<el-tab-pane label="就业扶持" name="first">
						<div class="hello">
							<copyqiye></copyqiye>
						</div>
					</el-tab-pane>
					<el-tab-pane label="创业扶持" name="second">
						<div class="hello">
							<renCai class='rencai' v-on:lookddd="showchildrow"></renCai>
							
						</div>
					</el-tab-pane>
					<el-tab-pane label="人才返乡" name="three">
						<div class="hello">
							人才返乡
						</div>
					</el-tab-pane>
					<el-tab-pane label="人才引进" name="four">
						<div class="hello">
							人才引进
						</div>
					</el-tab-pane>
				</el-tabs>
			<!--</keep-alive>-->
		</div>
		<!--组件-->
		<!--<baseDetail class='bbb' v-show='base1Show'></baseDetail>-->
	</div>


</template>
<script type="text/javascript">
	import renCai from '@/pages/manpower/rencai';
	import qiYe from '@/pages/manpower/qiye';
	import baseDetail from '@/pages/manpower/baseDetail';
	import qiyeDetail from '@/pages/manpower/qiyeDetail';
	import copyqiye from '@/pages/peixun/copyqiye';
	
	export default {
		components: {
			renCai,
			qiYe,
			baseDetail,
			qiyeDetail,
			copyqiye
		},
		data() {
			return {
				
				//				默认tab第几项目
				activeName: 'first',
				tabShow: true,
				//				返回列表按钮
				fhShow: false,
				base1Show: false,
			}
		},
		created() {

		},
		methods: {

			//点击按钮返回
			fanhuilb() {
				console.log(111);

			},
			//点击查看详情触发第一个列表的事件
			showchildrow(roj) {
				console.log(roj);
				this.base1Show = true;
				this.fhShow = true;
				this.tableShow = false;
				//					this.$refs.tabs.style.display='none';
			},

		},
		mounted() {

		}
	}
</script>
<style lang="scss" scoped>
	.count {
		h4 {
			position: relative;
			font-size: 18px;
			font-weight: 400;
			text-align: center;
			margin-top: -16px;
			.fanhui {
				position: absolute;
				right: 50px;
			}
		}
		/*组件人员详情*/
		.bbb {
			margin-top: 18px;
		}
	}
</style>